@charset "UTF-8";
@import "../common/_functions.scss";
@import "../common/_variables.scss";

.head {
    background-color: $_fff;
}
.swiper-banner {
    .one-slide {
        img {
            width: 100%;
        }
    }
        .pagination {
            position: absolute;
            z-index: 20;
            bottom: 0;
            width: 100%;
            text-align: center;
            .swiper-pagination-bullet {
                display: inline-block;
                width: px2rem(16);
                height: px2rem(16);
                border-radius: 50%;
                background: $_999;
                margin: 0 px2rem(5);
                opacity: 0.8;
                border: 1px solid $_fff;
                cursor: pointer;
            }
            .swiper-pagination-bullet-active {
                background: $_fff;
            }
        }
}
.entrance {
    display: flex;
    justify-content: center;
    padding: px2rem(28) 0 px2rem(24);
    border-bottom: $border;
    .entrance-box {
        width: px2rem(750/4);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        img {
            width: px2rem(109);
            height: px2rem(109);
        }
        .logo-name {
            font-size: px2rem(24);
            color: $_666;
            margin-top: px2rem(14);
        }
    }
}
.head-ad {
    padding: px2rem(10) px2rem(30);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: $border;
    .xiangxiang-laugh {
        width: px2rem(86);
        height: px2rem(40);
        border-right: 1px solid $_ccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        img {
            width: px2rem(55);
            height: px2rem(37);
        }
    }
    .horn {
        width: px2rem(35);
        height: px2rem(30);
        margin-right: px2rem(30);
        img {
            width: px2rem(35);
            height: px2rem(30);
            position: absolute;
        }
    }
    .ad-info {
        border-left: 1px solid $_ccc;
        padding-left: px2rem(12);
        font-size: px2rem(24);
        color: $_333;
        height: px2rem(37.5);
        overflow: hidden;
        .ad-show {
            // animation: myscroll 2s;
            // -webkit-animation: myscroll 2s; /* Safari and Chrome */
            // animation-iteration-count: infinite;
            // -webkit-animation-iteration-count: infinite; /*Safari and Chrome*/
            // @keyframes myscroll {
            //     0% {margin-top: 0;}
            //     25% {margin-top: 0;}
            //     50% {margin-top: -0.5rem;}
            //     75% {margin-top: -0.5rem}
            //     100% {margin-top: -1rem;}
            // }
            a {
                display: block;
                color: $_333;
                height: px2rem(37.5);
                line-height: px2rem(37.5);
                max-width: px2rem(625);
                white-space: nowrap;
                overflow: hidden;
            }
        }

    }
}